<template>
    <div class="mx-auto max-w-[940px] flex flex-col mt-8 md:mt-16">
        <h2 class="w-full text-center font-inter text-white text-3xl md:text-5xl font-bold max-w-xl mx-auto">💪 Manage servers right from your project</h2>
        <p class="w-full text-center mt-6 text-slate-300 font-inter text-xl md:text-2xl">Control and own your infrastructure without headaches.</p>

        <div class="px-4">
            <div class="rounded-[10px] mx-auto max-w-[940px] my-8 md:my-16 overflow-hidden">
                <video autoplay muted loop playsinline>
                    <source src="https://spin-public-assets.serversideup.net/spin-demo_spin-provision.mp4"/>
                </video>
            </div>
        </div>
    </div>
</template>